import React, { Component } from 'react'
import { ChildBoxStyle, ButtonStyle, ButtonStyle2, TitleStyle } from './style'

class Child extends Component {
  render() {
    return (
      <ChildBoxStyle>
        <div className="title">我是child组件</div>
        <div className="content">我是一个内容</div>
        <hr />
        <ButtonStyle>我是按钮1</ButtonStyle>
        <ButtonStyle2>我是按钮2</ButtonStyle2>
        <hr />
        {/* 样式组件通过属性传递数据 */}
        <TitleStyle color="skyblue" size={50}>
          我是child组件
        </TitleStyle>
      </ChildBoxStyle>
    )
  }
}

export default Child
